<!doctype html>
<html lang="en">
	

	<head>
		
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
		<link rel="stylesheet" href="css/bootstrap.css" />
		
		<title>首页</title>
	</head>

	<body>
		<form class="form-inline bg-secondary justify-content-end">
			<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
			<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
		</form>
		<ul class="nav justify-content-end bg-secondary">
			<li class="nav-item">
				<a class="nav-link active" href="login.jsp">登录</a>
			</li>
			<li class="nav-item">
				<a class="nav-link active" href="logon.jsp">注册</a>
			</li>
		</ul>
		<div class="jumbotron bg-secondary">
			<div class="container ">
				<div class="row">
					<div class="col">
						<a class="display-4  ">云扑面</a>
					</div>
					<div class="col">
					</div>
				</div>

				<p class="lead font-italic">成为更好的人 这是新的约定 </p>
				<hr class="my-5">
				<p>并不是你放纵自己想做什么就做什么才叫自由，恰恰相反，当你先把最想做最该做的事情做完，剩下的时间才是真正的自由;</p>
				<div id="c1" class="carousel slide carousel-fade " data-ride="carousel">
					<div class="carousel-inner">
						<div class="carousel-item active" data-interval="3000">
							<img src="img/carousel1.jpg" class="d-block w-100">
						</div>
						<div class="carousel-item" data-interval="3000">
							<img src="img/carousel2.jpg" class=" d-block w-100" >
						</div>
						<div class="carousel-item" data-interval="3000">
							<img src="img/carousel3andlongin.jpg" class="d-block w-100" >
						</div>
					</div>
					<a class="carousel-control-prev" href="#c1" role="button" data-slide="prev">
						<span class="carousel-control-prev-icon" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a class="carousel-control-next" href="#c1" role="button" data-slide="next">
						<span class="carousel-control-next-icon" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
				</div>
				<blockquote class="blockquote text-center">
					<br>
					
					<p class="mb-0">The darkest hour is that before the dawn</p>
					<footer class="blockquote-footer">Fuller <cite title="Source Title"></cite></footer>
				</blockquote>
				<div class="footer-w3l m-lg-4">
					<p> &copy; Design by 云扑面</a>
					</p>
				</div>
			</div>

		</div>
		<script type="text/javascript" src="js/bootstrap.js"></script>

		<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
		<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
	</body>

</html>